<script setup>
  // 子组件
  // setup 无法直接配置props选项, 需要借助"编译器宏"函数接收子组件传递的数据
  const props = defineProps({
    car: String,
    money: Number
  })
  console.log(props.car)

  const emit = defineEmits('changeMoney')
  const buy = () => {
    // 需要emit触发事件
    emit('changeMoney', 5)
  }
</script>

<template>
  <!-- 对于props传递过来的数据,模板中可以直接使用 -->
  <div class="son">
    我是子组件 - {{ car }} - {{ money }}
    <button @click="buy">花钱</button>
  </div>
</template>

<style scoped>
  .son {
    border: 1px solid #000;
    padding: 30px;
  }
</style>
